.Left.chang{
  width: 200px;
}
.Left{
  width: 90px;
  position: fixed;
  z-index: 2;
  left: 0;
  top: 0;
  height: 100%;
  /* background: rgba(0,0,0,.5); */
  background: url(../images/images/zuobg_01.png) no-repeat center top;
  background-size: cover;
  transition: all .3s ease;
  
}
.Left>a{
  height: 120px;
}
.Left>a{
  display: block;
  text-align: center;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.Left> a img{margin-top: 10px;margin-bottom: 0px;width: 50px; }
.Left.chang> a img{width:auto;}
.Left>a p{font-size: 14px;letter-spacing: 3px;}
.Left.chang>a p{font-size: 17px;letter-spacing: 3px;}
.Left>a p small{
  font-size: 12px;display: block;color: rgba(255,255,255,.6);
  transform: scale(0.7);
  letter-spacing: 2px;
 }
/* .Left.chang>ul{} */
.Left>ul li{display: block;position: relative;}
.Left>ul li>p{font-size: 16px;position: relative; color: #fff;line-height: 50px;height: 50px;display: block;padding: 8px 0;margin-bottom: 15px;cursor: pointer; }
.Left.chang>ul li>p{float: left;}
.Left>ul li>p img{display: block;margin: 0 auto;margin-top: 13px;}
.Left>ul li>p span{font-size: 16px;position: absolute;display: none;width: 100px;left: 48px;}
.Left.chang>ul li>p span{display: block;}
.Left.chang>ul li>p img{float: left;margin-left: 20px;margin-right: 5px;}
.Left>ul li>img{float: right;margin-top: 25px;margin-right: 20px;transition: all .3s ease;display: none;width: 16px;}
.Left.chang>ul li>img{display: block;}
.Left>ul li>dl{
  display: block;
  overflow: hidden;
  clear: both;
}
.Left>ul li>dl dd{line-height: 40px;text-indent: 48px; height: 0;transition: all .2s ease;}
.Left>ul li>dl dd a{display: block;height: 100%;}
.Left>ul li>dl dd.active{background: url(../images/images/lstact_02.png)no-repeat left top;background-size: cover;}
.Left>ul li.menu.active >img{transform: rotate(-180deg);}
.Left.chang>ul li.menu.active>dl dd{height: 40px;}
.Left>ul li>div{
  position: absolute;
  left:calc(100% + 10px);
  top: 10px;
  font-size: 16px;
  border-radius: 5px;
  width: 0;
  transition: all .3s ease;
  line-height: 30px;border: 0;overflow: hidden;
  padding-bottom: 10px;
}
.Left>ul li.menu.active>div{width: 180px;border: 1px solid #ccc;background: #fff;}
.Left.chang>ul li>div{display: none !important;}
.Left>ul li>div >p,.Left>ul li>div a{
  font-size: 16px;
  color: #44b1ff;
}
/* .Left>ul li.menu.active >img */
.Left>ul li>div >p{padding: 0 15px;padding-top: 10px;cursor: pointer;min-width: 165px;}
.Left>ul li>div >p img{float: right;width: 16px;margin-top: 8px;transition: all .3s ease;}
.Left>ul li.menu.active>div >p img{transform: rotate(-180deg);}
.Left>ul li>div a{line-height: 40px;display: block;margin: 0 10px;padding: 0 5px;min-width: 140px;}
.Left>ul li>div a.active{background: #cbe9ff;}
